<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script>
		let p = new Promise(function (resolve,reject) {
        //resolve 表示成功了
        //reject   表示失败了
			$.ajax({
                url:'data/json.txt',
                dataType:'json',
                success(arr){
	                resolve(arr)
                },
                error(arr){
                	reject(arr)
                }
            })
		});
		p.then(function () {
            alert('成功')
		},function () {
            alert('失败')
		})
        /*********************Promise.all()*************************/
        Promise.all([p1,p2]).then(function () {
            alert('全部成功了')
        },function () {
	        alert('全部失败了')
        })

        /************************ajax和 Promise.all********************************/
        Promise.all([
        	$.ajax({url:'http://baidu.com'}),
        	$.ajax({url:'http://bafidu.com'})
        ]).then(()=>{
        	alert('success')
        },()=>{
	        alert('failure')
        })
		/************************ajax和 Promise.race竞赛********************************/
		// 资源消耗
		Promise.race([
			$.ajax({url:'http://baidu.com'}),
			$.ajax({url:'http://bafidu.com'})
		]).then(()=>{
			alert('success')
		},()=>{
			alert('failure')
		})

    </script>
</head>
<body>

</body>
<script>

</script>
</html>